<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<?php include_http_metas() ?>
<?php include_metas() ?>
<?php include_title() ?>

<?php include('scripts_backend.php'); date_default_timezone_set('America/New_York'); ?>
<!-- Google WebFonts -->
<link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
<link href="/css/common.css" rel="stylesheet" type="text/css">
<link href="/css/error.css" rel="stylesheet" type="text/css">
<link href="/css/main.css" rel="stylesheet" type="text/css">
<link href="/css/front.css" rel="stylesheet" type="text/css">
<link href="/css/tab.css" rel="stylesheet" type="text/css">

<link rel="shortcut icon" href="/favicon.ico" />

<style type="text/css">
.hiddenPic {
    display:none;
}
.ui-widget {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 0.9em;
}
.text {
    padding: 5px;
}
.ui-widget-content .display td{
    color: black !important;
}
.ui-widget-content .display a {
    color: #0066bb !important;
}
.paging_full_numbers span.paginate_button {
    background-color: black !important;
}
.font {
    font-size: 14px;
    color: #f9c81e;
    font-family: arial;
}

.error-font {
    font-size: 14px;
    color: #990033;
    font-family: arial;
}
.portlet {
    margin: 0 1em 1em 0;
}
.portlet-header {
    margin: 0.3em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0.5em;
}

.portlet-header .ui-icon {
    float: right;
}

.portlet-content {
    padding: 1em;
}
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; }
.ui-autocomplete-input { margin: 0; padding: 0.42em 0 0.47em 0.45em; }
.ui-autocomplete {
    max-height: 200px;
    min-width: 180px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}
</style>

<script type="text/javascript">
var infoStyle= "<div style='margin-bottom: 20px; padding: 0 .7em;' class='ui-state-highlight ui-corner-all'><p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-info'></span><strong id='_msg'></strong></p></div>";
var errorStyle= "<div style='padding: 0 .7em;' class='ui-state-error ui-corner-all'><p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-alert'></span><strong id='_msg'></strong></p></div>";

$(function() {
    $("button, input:submit, input:button").button();
    $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
            .find(".portlet-header")
            .addClass("ui-widget-header ui-corner-all")
            .prepend("<a href='#' class='ui-dialog-titlebar-close ui-corner-all' role='button'><span class='ui-icon ui-icon-minusthick' style='padding-right: 3px'></span></a>")
            .end()
            .find(".portlet-content");

    $(".portlet-header .ui-icon").click(function() {
        $(this).toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick");
        $(this).parents(".portlet:first").find(".portlet-content").toggle("fast");
    });
});

function alert(data) {
    var msgs = "";
    if ($.isArray(data)) {
        jQuery.each(data, function(key, value) {
            msgs = value + "<br>";
        });
    } else {
        msgs = data + "<br>";
    }

    var alertPanel = "<div style='margin-bottom: 20px; padding: 0 .7em;' class='ui-state-highlight ui-corner-all'><p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-info'></span>";
    alertPanel += msgs +"</p></div>";
    $("#waitingLB h3").html(alertPanel);
    $.blockUI({
        message: $("#waitingLB")
            , css: {
                border: 'none',
                padding: '5px',
                '-webkit-border-radius': '10px',
                '-moz-border-radius': '10px',
                'border-radius': '10px',
                opacity: .9
    }});
    $(".blockOverlay").css("z-index", 1010);
    $(".blockPage").css("z-index", 1011);
    $('.blockOverlay').attr('title','Click to unblock').click($.unblockUI);
}
function error(data) {
    var msgs = "";
    if ($.isArray(data)) {
        jQuery.each(data, function(key, value) {
            msgs = value + "<br>";
        });
    } else {
        msgs = data + "<br>";
    }

    var errorPanel = "<div style='padding: 0 .7em;' class='ui-state-error ui-corner-all'>";
    errorPanel += "<p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-alert'></span>";
    errorPanel += msgs +"</p></div>";
    $("#waitingLB h3").html(errorPanel);
    $.blockUI({
        message: $("#waitingLB")
            , css: {
                border: 'none',
                padding: '5px',
                '-webkit-border-radius': '10px',
                '-moz-border-radius': '10px',
                'border-radius': '10px',
                opacity: .9,
                'min-width': '30%',
                'width': '60%',
                left: '25%',
                top: '25%'
    }});
    $(".blockOverlay").css("z-index", 1010);
    $(".blockPage").css("z-index", 1011);
    $('.blockOverlay').attr('title','Click to unblock').click($.unblockUI);
}
function waiting() {
    $("#waitingLB h3").html("<h3>Loading...</h3><div id='loader' class='loader'><img id='img-loader' src='/images/loading.gif' alt='Loading'/></div>");

    $.blockUI({
        message: $("#waitingLB")
            , css: {
                border: 'none',
                padding: '5px',
                'background-color': '#fff',
                '-webkit-border-radius': '10px',
                '-moz-border-radius': '10px',
                'border-radius': '10px',
                opacity: .8,
                color: '#000'
    }});
    $(".blockOverlay").css("z-index", 1010);
    $(".blockPage").css("z-index", 1011);
}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="/images/loading.gif" class="hiddenPic">
<div id="waitingLB" style="display:none; cursor: default">
    <h3>We are processing your request.  Please be patient.</h3>
</div>
<div id="wrapper">
	<div class="menus">
		<ul>
			<li><a href="/member/summary" class=""><?php echo __('Home'); ?></a></li>
			<li><a href="/member/viewProfile" class=""><?php echo __('Profile'); ?></a></li>
			<li><a href="/member/sponsorTree" class=""><?php echo __('Genealogy'); ?></a></li>
			<li><a href="/member/bonusDetails"><?php echo __('Bonus Details'); ?></a></li>
			<li class="last"><a href="<?php echo url_for("/home/logout")?>"><?php echo __('Logout'); ?></a></li>
		</ul>
	</div>
	<div id="mainContent">
		<div class="header">
			<div class="logo" style="padding-top: 10px"><a href="/member/summary"><img src="/images/logo.png" alt="OFX GLOBAL" style="height: 50px"></a></div>
			<div class="language">
                <h3 title="" class="title block-title"> Choose your language &nbsp;&nbsp;<a href="<?php echo url_for("/home/language?lang=en")?>" style="color: #ffffff;">English</a> | <a href="<?php echo url_for("/home/language?lang=cn")?>" style="color: #ffffff;">中文</a></h3>
            </div>
		</div><br class="clear">
		<div class="content">
			<?php include_component('component', 'headerInformation', array('param' => $sf_user->getAttribute(Globals::SESSION_DISTID, 0))) ?>

            <?php echo $sf_data->getRaw('sf_content') ?>

		</div>
	</div>
	<div class="footer" style="height: 50px">
		<span class="pc"><a href="#">Privacy Policy</a></span>
		<span class="copyright">Vital Universe © 2001. All rights reserved.</span><br class="clear">
	</div>
</div>

</body>
</html>
